/****************************************************************
 *																*		
 * 						      							*
 *                        							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/


/*标题*/

.ebill-section .ebill-title-section {
	background-color: #4ABAE1;
	color: #FFF;
	position: relative;
	padding: 8px 15px;
}

.ebill-section .section-title {
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
}

.ebill-section .section-title .desc {
	font-size: 14px;
	font-weight: 400;
}

.ebill-section .section-title a {
	color: #08C;
	cursor: pointer;
}

.trade-circle-select {
	position: absolute;
	right: 60px;
	top: 0px;
	height: 42px;
	z-index: 999;
	display: none;
}

.trade-circle-select a {
	color: #FCFCFC;
}

.current-circle {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10px 0px 2px;
}

.ebill-section span.title-tag {
	background-repeat: no-repeat;
	display: block;
	width: 42px;
	height: 43px;
	z-index: 999;
	position: absolute;
	top: -6px;
	right: 10px;
	font-size: 14px;
	padding-top: 10px;
	font-weight: 400;
	overflow: hidden;
	background: url(../images/3CoOkxrFOP.png);
	background-position: -1734px -102px;
}

.ebill-section span.title-tag i.num {
	font-size: 16px;
	text-align: center;
	padding-left: 5px;
}


/*内容*/

.income-slider {
	overflow: hidden;
	position: relative;
}


/*支出*/

.module-income {
	overflow: hidden;
	background-color: #F2F9FB;
	width: 100%;
	position: relative;
}

.module-income .block-income {
	width: 100%;
	overflow: hidden;
	float: left;
	background-color: #FFF;
	padding: 20px 15px;
}


/*金额*/

h3.block-title {
	font-size: 20px;
	font-weight: 400;
	color: #555;
	height: 39px;
}

h3.block-title span.num {
	color: #FD8608;
	padding-left: 10px;
}

span.desc {
	font-size: 12px;
	padding-left: 10px;
}


/*明细*/

.module-income .catatory-details {
	overflow: hidden;
	background-color: #EEE;
	padding: 22px 18px;
	font-size: 12px;
	height: 205px;
}

.fn-left {
	float: left;
}

.catatory-details .catatory-chart {
	width: 35%;
}

.catatory-details .catatory-detail {
	width: 63%;
}

.catatory-chart ul {
	margin-top: 20px;
	padding-right: 10px;
	border-right: 1px solid #939578;
	min-height: 125px;
}

li.am-btn am-btn-danger anniu.ng-scope {
	display: block;
	width: 100%;
	overflow: hidden;
}


/*明细类型*/

.catatory-details .catatory-detail ul {
	margin-top: 20px;
	padding-left: 10px;
}

.emoji-span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 90px;
	display: inline-block;
}


/*明细商品*/

.catatory-details .catatory-detail ul a {
	display: block;
	color: #000;
	position: relative;
	width: 100%;
}

.catatory-detail ul a .amount {
	float: none;
	position: absolute;
	right: 0px;
}

span.catatory.fn-left.ng-binding {
	height: 19px;
	line-height: 19px;
}


/*收入*/

.module-income .block-expense {
	display: none;
	width: 25%;
	overflow: hidden;
	height: 284px;
	background-color: #F2F9FB;
	background-repeat: no-repeat;
	padding-left: 80px;
	position: relative;
	float: left;
	background-position: -7px center;
	background-image: url(../images/YXARdXxj5.png);
}

.slide-button {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 29px;
	height: 40px;
	width: 38px;
	background: url(../images/3CoOkxrFOP.png) no-repeat;
	background-position: -1817px -103px;
}

.slide-button.right {
	cursor: pointer
}

.block-hidetitle {
	margin-top: 120px;
	font-size: 20px;
	font-weight: 400;
	color: #555;
}

.block-hidetitle .num {
	color: #FD8608;
	font-size: 16px;
}

h3.expense.income-title.block-title {
	display: block;
	background: #fff;
	padding: 0px 15px;
}


/*消费走势*/

.inner-module {
	padding: 17px 17px 0px;
	background: #fff;
	border-top: 2px solid #53B5D8;
	height: 200px;
}

.inner-module .module-title {
	font-size: 14px;
	color: #606060;
	font-weight: 700;
}


/*银行卡*/

.module-card .cards-carousel .mask {
	position: relative;
	overflow: hidden;
	height: 100px;
	list-style: outside none none;
	margin: 15px 10px 0 0;
}

.cards-carousel .mask .bac {
	background-repeat: no-repeat;
	width: 267px;
	height: 89px;
	margin-top: 6px;
	background-position: -887px -102px;
	background-image: url("../images/3CoOkxrFOP.png");
}

.cards-carousel .mask .bank {
	position: absolute;
	margin-top: 10px;
	padding: 5px 10px;
	top: 15px;
	left: 15px;
	font-size: 16px;
	text-indent: -9999em;
	width: 126px;
	height: 36px;
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: 5px center;
}

.module-card .cards-carousel .details {
	position: absolute;
	top: 83px;
	right: 3%;
	cursor: pointer;
}

.cards-details {
	display: none;
}


/*银行卡详情*/

.module-card {
	position: relative;
}

.cards-details {
	position: absolute;
	overflow: hidden;
	border: 1px solid #98D3E8;
	border-radius: 7px;
	font-size: 13px;
	top: 54px;
	margin: 0px 17px 0px 0px;
}

.module-card .cards-details .bank-name {
	height: 30px;
	background-color: #FFF;
}

.module-card .cards-details .bank-name .name {
	height: 30px;
	width: 130px;
	background-position: center center;
}

.fn-right {
	float: right;
}

.module-card .cards-details .close {
	position: absolute;
	width: 10px;
	height: 13px;
	top: 9px;
	right: 8px;
	cursor: pointer;
}

.module-card .cards-details .bank-detail {
	background-color: #B9E9FA;
	padding: 5px 2px;
	font-size: 12px;
	overflow: hidden;
}

.module-card .cards-details .bank-detail div {
	width: 50%;
	padding: 1px 19px;
}

@media only screen and (min-width:1025px) {
	.trade-circle-select,
	.module-income .block-expense {
		display: block;
	}
	.module-income .block-income {
		width: 75%;
	}
	.emoji-span {
		max-width: 150px;
	}
	.ebill-section {
		margin-bottom: 20px;
		width: 98%;
		margin-left: 1%;
	}
	/*支出定位*/
	h3.expense.income-title.block-title {
		background: none;
		position: absolute;
		top: 50%;
		margin-top: -38px;
		text-align: center;
		height: auto;
		left: 75%;
		margin-left: 100px;
		padding: 0px;
	}
	h3.expense.income-title.block-title span {
		display: block;
		padding-left: 0;
	}
	.inner-module {
		width: 50%;
		float: left;
	}
}